<template>
  <!-- 私人FM -->
  <div id="privateFM">
    <van-popup v-model="popupShow"
               position="bottom"
               closeable
               close-icon="arrow-down"
               close-icon-position="top-left"
               :style="{ height: '100%' }">
      <header>
        <p class="title">私人FM</p>
      </header>
    </van-popup>
  </div>
</template>

<script>
import { getPersonalFM } from '@/api/userInfo'
export default {
  name: 'privateFM',
  data() {
    return {
      popupShow: false,
    }
  },
  watch: {
    popupShow(val) {
      if (val) {
        this.initData()
      }
    },
  },
  methods: {
    initData() {
      // let cookie = this.$store.state.userInfo.cookie
      // getPersonalFM(cookie).then(res=>{
      // })
    },
  },
}
</script>

<style scoped>
#privateFM {
  width: 100%;
}
#privateFM header {
  text-align: center;
  margin-top: 0.426667rem;
  font-size: 18px;
}
</style>